<template>
	<view class="hasMonery">
		<view class="hasMonery-tost">
			<view class=""> 无法切换 </view>
			<view class="">
				<image src="../../static/hasmonery.png" mode=""></image>
				<view class=""> 您的钱包还有余额未提现 </view>
				<view class=""> 请提现后再进行切换 </view>
			</view>
			<view class="">
				<view class="" @click="closeIsMonery(1)"> 联系客服 </view>
				<view class="" @click="closeIsMonery"> 我知道了 </view>
			</view>
		</view>
	</view>
</template>
<script>
	export default ({
		name: 'HasMonery',
		data() {
			return {}
		},
		methods: {
			closeIsMonery(e) {
				if (e == 1) {
					this.$emit('openKefu')
					return
				}
				this.$emit('toCloseIsMonery')
			}
		},
	})
</script>
<style lang="scss" scoped>
	.hasMonery {
		width: 100vw;
		height: 100vh;
		position: fixed;
		background: rgba(0, 0, 0, 0.5);
		top: 0;
		left: 0;
		display: flex;
		justify-content: center;
		align-items: center;

		&-tost {
			background: #fff;
			height: 590rpx;
			width: 630rpx;
			border-radius: 24rpx;
			display: flex;
			justify-content: space-between;
			flex-direction: column;
			align-items: center;
			overflow: hidden;

			&>view:first-child {
				font-size: 40rpx;
				font-weight: 800;
				color: #262626;
				margin: 40rpx auto;
			}

			&>view:nth-child(2) {
				display: flex;
				flex-direction: column;
				align-items: center;

				image {
					width: 131rpx;
					height: 120rpx;
					margin-bottom: 32rpx;
				}

				&>view:nth-child(2) {
					font-size: 32rpx;
					font-weight: bold;
					color: rgba(81, 81, 81, 1);
				}

				&>view:nth-child(3) {
					font-size: 32rpx;
					font-weight: bold;
					color: #FF851D;
				}
			}

			&>view:nth-child(3) {
				display: flex;
				justify-content: space-between;
				width: 100%;
				margin-bottom: 30rpx;
				font-weight: bold;

				&>view {
					width: 254rpx;
					height: 94rpx;
					line-height: 94rpx;
					border-radius: 12rpx;
					font-size: 28rpx;
					text-align: center;
				}

				&>view:nth-child(1) {
					border: 2rpx solid #FF851D;
					color: #FF851D;
					margin-left: 30rpx;
				}

				&>view:nth-child(2) {
					box-shadow: 0rpx 6rpx 12rpx 2rpx rgba(252, 201, 45, 0.3);
					border-radius: 12rpx;
					background: #FCC92D;
					margin-right: 30rpx;
				}
			}
		}
	}
</style>